<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

<head>
  <meta charset="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="keywords" content="{{ meta['keywords'] if meta }}" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="{{ page_description if page_description }}" />
  {% if canonical_url %}<link rel="canonical" href="{{ canonical_url }}">{% endif %}

  <meta name="msvalidate.01" content="079E754911917142D42AB2A3694F9267" />
  <meta name="msvalidate.01" content="08598E7D936D9217891AE6C1665A645D" />

  <title>{% if page_title %}{{ page_title }} - {% endif %}{{ site_name }}</title>

  <script type="text/javascript">var documentationBaseURL = "{{ base_url}}"</script>
  <link rel="icon" href="{{ base_url }}/static/img/favicon/favicon.png" type="image/png">
  <link rel="stylesheet" href="{{ base_url }}/static/css/styles.css" type="text/css">
</head>

<body>
  <div class="off-canvas-wrap">
    <div class="inner-wrap">
      <!--[if lt IE 7]>
        <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

      {%- include "topbar.html" %}
      {%- include "offcanvas.html" %}

      <!-- banner at the top of the page for temporary announcements-->
      <!-- <div data-alert class="alert-box alert banner text-center hide-for-small">
      </div> -->

      <div class="content-wrap">

        <div class="content-inner">
          <div class="container">
            <div class="row">
              <div class="small-12">
                {{ content }}
              </div>
            </div>
          </div>
        </div>

        {%- include "sidebar.html" %}
      </div>

      {%- include "footer.html" %}
    </div>
  </div>

  <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> -->
  <script>window.jQuery || document.write('<script src="{{ base_url }}/static/js/jquery-1.12.4.min.js"><\/script>')</script>
  <!-- extra_javascript - defined in the root 'mkdocs.yml -->
  {% for path in extra_javascript %}
    <script src="{{ path }}" async></script>
  {% endfor %}

  {% if google_analytics %}
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', '{{ google_analytics[0] }}', '{{ google_analytics[1] }}');
    ga('send', 'pageview');
  </script>
  {% endif %}

</body>
</html>
